﻿<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>大美承德</title>
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no,initial-scale=1">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <link href="/templatesstore/css/iscroll.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" href="/Content/weui/weui.min.css" />
    <link rel="stylesheet" href="/Content/weui/weui.example.css" />
    <link rel="stylesheet" href="/Content/sui/css/sui.min.css" />
    <link rel="stylesheet" href="/Content/sui/css/sui-append.min.css" />
    <script src="/templatesstore/js/iscroll.js" type="text/javascript"></script>
    <script type="text/javascript">
        var myScroll;
        function loaded() {
            myScroll = new iScroll('wrapper', {
                snap: true,
                momentum: false,
                hScrollbar: false,
                onScrollEnd: function () {
                    document.querySelector('#indicator > li.active').className = '';
                    document.querySelector('#indicator > li:nth-child(' + (this.currPageX + 1) + ')').className = 'active';
                }
            });
        }
        document.addEventListener('DOMContentLoaded', loaded, false);
    </script>
    <style>
        .menu {
            height: 8%;
            display: block;
            position: absolute;
            top: 85%;
            width: 100%;
            z-index: 100;
        }
    </style>
    <!-- <script src="/weixin/pano360/Templates/js/jquery-2.0.2.min.js"></script>
    <script src="/templatesstore/js/swipe_1.js" type="text/javascript"></script>
    <script src="/templatesstore/js/iscroll.js" type="text/javascript"></script>
    <script type="text/javascript">
        var myScroll;
        var adScroll;
        function loaded() {
            myScroll = new iScroll('wrapper', {
                snap: true,
                momentum: false,
                hScrollbar: false,
                onScrollEnd: function () {
                    document.querySelector('#indicator > li.active').className = '';
                    document.querySelector('#indicator > li:nth-child(' + (this.currPageX + 1) + ')').className = 'active';
                }
            });
            adScroll = new iScroll('ad_wrapper', {
              snap: true,
              momentum: false,
              hScrollbar: false,
              onScrollEnd: function () {
                document.querySelector('#ad_indicator > li.active').className = '';
                document.querySelector('#ad_indicator > li:nth-child(' + (this.currPageX + 1) + ')').className = 'active';
              }
            });
        }

        document.addEventListener('DOMContentLoaded', loaded, false);
    </script>
    <script>
        $(function () {
            window.swiper_2 = new Swipe(document.getElementById('list_uls'), {
                speed: 500,
                // auto:3000,
                callback: function () {
                    var lis = $(".nav_for_list_ul ul:first-of-type li");
                    lis.removeClass("on").eq(this.index).addClass("on");
                    var las = $(".nav_for_list_ul ul:nth-of-type(2) a");
                    las.removeClass("on").eq(this.index).addClass("on");

                    var minIndex = 0;
                    var maxIndex = Math.max(0, nav_uls.length - 3);
                    var range = [this.index - 1, minIndex, maxIndex];

                    range = range.sort(function (a, b) {
                        return a > b ? 1 : -1;
                    });
                    window.nav_uls.slide(range[1]);
                }
            });
        });
    </script>-->
</head>
<body style="background-color: white" class="bg11">
    <div class="banner">
        <div id="wrapper">
            <div id="scroller">
                <ul id="thelist">
                    <vt:function var="hdp" method="getAdvertisement" type="$this" rows="10" />
                    <vt:foreach from="$hdp" item="p" index="i">
                        <li><p>{$p.title}</p><a href="{$p.linkurl}"><img src="{$p.img_path}"></a></li>
                    </vt:foreach>
                </ul>
            </div>
        </div>
        <div id="nav">
            <div id="prev" onclick="myScroll.scrollToPage('prev', 0,400,{$hdp.Count});return false">
                &larr; prev
            </div>
            <ul id="indicator">
                <vt:foreach from="$hdp" item="p" index="i">
                    <vt:if var="#.i.isfirst" value="true">
                        <li class="active">1</li>
                        <vt:else>
                            <li>{$i}</li>
                    </vt:if>
                </vt:foreach>
            </ul>
            <div id="next" onclick="myScroll.scrollToPage('next', 0);return false">
                next &rarr;
            </div>
        </div>
        <div class="clr">
        </div>
    </div>
    <div class="bd menu">
        <div class="weui_grids">
            <a href="/weixin/scenic/index.aspx?id=3" class="weui_grid js_grid" data-id="button">
                <div class="weui_grid_icon">
                    <img src="/modules/cdrt/smart/images/icon_nav_button.png" alt="" />
                </div>
                <p class="weui_grid_label">
                    景区名录
                </p>
            </a><a href="/weixin/pano360/detail.aspx?wid={$wid}" class="weui_grid js_grid" data-id="cell">
                <div class="weui_grid_icon">
                    <img src="/modules/cdrt/smart/images/icon_nav_cell.png" alt="" />
                </div>
                <p class="weui_grid_label">
                    3D景区
                </p>
            </a><a href="/weixin/pano360/scenic_around.aspx?wid={$wid}" class="weui_grid js_grid"
                   data-id="toast">
                <div class="weui_grid_icon">
                    <img src="/modules/cdrt/smart/images/icon_nav_toast.png" alt="" />
                </div>
                <p class="weui_grid_label">
                    景区周边
                </p>
            </a>
        </div>
    </div>
    <script>
        var count = document.getElementById("thelist").getElementsByTagName("img").length;
        var count2 = document.getElementsByClassName("menuimg").length;
        var height = document.body.clientWidth * 0.9;
        for (i = 0; i < count; i++) {
            document.getElementById("thelist").getElementsByTagName("img").item(i).style.cssText = " width:" + document.body.clientWidth + "px;height:" + height + "px";

        }
        document.getElementById("scroller").style.cssText = " width:" + document.body.clientWidth * count + "px;height:" + height + "px";

        setInterval(function () {
            myScroll.scrollToPage('next', 0, 400, count);
        }, 3500);
        window.onresize = function () {
            for (i = 0; i < count; i++) {
                document.getElementById("thelist").getElementsByTagName("img").item(i).style.cssText = " width:" + document.body.clientWidth + "px;height:" + height + "px";

            }
            document.getElementById("scroller").style.cssText = " width:" + document.body.clientWidth * count + "px;height:" + height + "px";
        }


    </script>
</body>
</html>
<!--<div class="header">
        <div class="bar">{$travelconfig.travelname}</div>

    </div>-->
<!--<div class="link">
        <vt:function var="hdp" method="getMarkers" type="$this" rows="3" />
        <vt:foreach from="$hdp" item="p" index="i">
            <a href="/weixin/pano360/detail.aspx?detailid={$p.id}&wid={$wid}">

            </a>
        </vt:foreach>
    </div>-->
<!--<div class="slide-bar">
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <vt:function var="hdp" method="getAdvertisement" type="$this" rows="10" />
                <vt:foreach from="$hdp" item="p" index="i">
                    <div class="swiper-slide">
                        <a href="{$p.linkurl}">
                            <img src="{$p.img_path}" alt="" />
                        </a>
                    </div>
                </vt:foreach>
                <div class="swiper-pagination"></div>
            </div>
        </div>
    </div>-->
<!--
    <div class="title">景区列表</div>
    <div class="link">
        <vt:function var="hdp" method="getMarkers" type="$this" rows="3" />
        <vt:foreach from="$hdp" item="p" index="i">
            <a href="/weixin/pano360/detail.aspx?detailid={$p.id}&wid={$wid}">
                <img src="{$p.url}" />

            </a>

        </vt:foreach>
    </div>
    <div class="banner" >
        <div id="wrapper">
            <div id="scroller">
                <ul id="thelist">
                    <vt:function var="hdp" method="getAdvertisement" type="$this" rows="6" />
                    <vt:foreach from="$hdp" item="p" index="i">
                        <li class="pa">
                            <p>{$p.Title}</p>
                            <a href="{$p.linkurl}"><img src="{$p.img_path}"></a>
                        </li>
                    </vt:foreach>
                </ul>
            </div>
        </div>
        <div id="nav">
            <div id="prev" onclick="myScroll.scrollToPage('prev', 0,400,{$hdp.Count});return false">&larr; prev</div>
            <ul id="indicator">
                <vt:foreach from="$hdp" item="p" index="i">
                    <vt:if var="#.i.isfirst" value="true">
                        <li class="active">1</li>
                        <vt:else>
                            <li>{$i}</li>
                    </vt:if>
                </vt:foreach>
            </ul>
            <div id="next" onclick="myScroll.scrollToPage('next', 0,400,{$hdp.Count});return false">next &rarr;</div>
        </div>
        <div class="clr"></div>
    </div>-->
<!--<div class="logo" id="logo">
        <img src="{$travelconfig.bgPic}">
    </div>
    <div class="title"><a class="btn" href="http://map.qq.com/#pano=110831X8130706130453800&heading=9&pitch=5&zoom=1">查看全景</a></div>-->
<!--<div class="text">
        {$travelconfig.context}
    </div>-->
<!--   <script>
        var count = document.getElementById("thelist").getElementsByTagName("img").length;
        var height = window.innerHeight* 0.8;
        var width = window.innerWidth;
        for (i = 0; i < count; i++) {
            document.getElementById("thelist").getElementsByTagName("img").item(i).style.cssText = " width:" +(width) + "px;height:" + height  + "px";
        }
        //if(count==1)
        //{
        //    document.getElementById("thelist").getElementsByTagName("img").item(0).style.cssText = " width:" +width + "px;height:" + height  + "px";
        //}

        //document.getElementById("logo").getElementsByTagName("img").item(0).style.cssText = " width:" +width + "px;height:" + height  + "px";
        document.getElementById("scroller").style.cssText = " width:" + ((width) * count )+ "px;height:" +height  + "px";

        setInterval(function () {
            myScroll.scrollToPage('next', 0, 400, count);
        }, 3500);

        window.onresize = function () {
            height = window.innerHeight * 0.8;
            width = window.innerWidth;
            for (i = 0; i < count; i++) {
                document.getElementById("thelist").getElementsByTagName("img").item(i).style.cssText = " width:" + (width) + "px;height:" +height  + "px";
            }
            //if(count==1)
            //{
            //    document.getElementById("thelist").getElementsByTagName("img").item(0).style.cssText = " width:" +width + "px;height:" + height  + "px";
            //}
            //document.getElementById("logo").getElementsByTagName("img").item(0).style.cssText = " width:" +width + "px;height:" + height  + "px";
            document.getElementById("scroller").style.cssText = " width:" +  ((width) * count )+ "px;height:" + height  + "px";
        }
    </script>-->
<!--1e2124dd04e11d01b9df2865f85944be-->
